<template>
  <div>
    <div v-if="dialogVisible">
      <el-dialog title="信息确认并提交" :visible.sync="dialogVisible" width="700px">
        <div>
          <div v-for="(item, i) in systemGuifanFilesProcessList" :key="i">
            <div class="mb20">
             <b>管理信息<span v-if="systemGuifanFilesProcessList.length>1">({{index + 1}})</span></b>
            </div>
            <procss-work :item="item"></procss-work>
            <preview-file :detail="item"></preview-file>
          </div>
          <preview-process-record :guifanFilesProcessRecordList="guifanFilesProcessRecordList"></preview-process-record>
          <div class="pub_center"><el-button size="small" type="primary" @click.once="close()">提交</el-button></div>
        </div>
      </el-dialog>
    </div>
  </div>
 </template>
 
 <script>
   import procssWork from './procss-work.vue';
 export default {
   props: {
     type: String,
     guifanFilesProcessRecordList: [],
     systemGuifanFilesProcessList: []
   },
   components: {
     procssWork
   },
   data() {
     return {
       dialogVisible: false
     };
   },
   methods: {
     init() {
       this.dialogVisible = true;
     },
     close() {
       this.$emit('close');
     }
   }
 };
 </script>
 
 <style scoped="scoped">
 .table1 {
   margin-bottom: 20px;
 }
 
 table {
   width: 660px;
 }
 </style>
 